﻿<!DOCTYPE html>
<html>
	<head>
		<title></title>
		<meta charset="utf-8"/>
		<link rel="stylesheet" type="text/css" href="iconfont/iconfont.css">
		<link rel="stylesheet" type="text/css" href="css/nanhang.css">
		<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
				<!--<script src="js/top.js"></script>-->
				<script src="js/nanhang.js"></script>

	</head>
	<body>
		<div class="container">
		<!-- 以下开始到middle类以上程序中都用js加了,只是js代码无法排版,所以把代码结构放在这个页面,方便看,这个页面程序中不会用到-->
			 <header class="con">
				<div class="logo">
					<a href="#"><img class="logo-1" src="img/logo.png"/></a>
					<a href="#"><img class="logo-2" src="img/logo_st.png"/></a>
				</div>
				<div class="header-img">
					<img src="img/img.jpg"/>
				</div>
				<div class="info">
					<div class="one">
						<ul>
							<li>Hi,欢迎来南方航空</li>
                            <li><a href="http://localhost:8080/front/login.html" class="red">登录</a></li>
							<li><a href="http://localhost:8080/front/register.html" class="gray">注册</a></li>
							<li><a href="#" class="gray">订单管理</a></li>
							<li><a href="#" class="gray lan"><span class="iconfont"></span>English<i></i></a></li>
							<li><a href="#" class="gray">收藏</a></li>
							<li><a href="javascript:;" id="isearch"><span class="iconfont">&#xe620;</span>搜索</a></li>
						</ul>
					</div>
					<div class="two">
						<div class="safe">
							<span class="iconfont">&#xe60a;</span>
							<a href="#">购票安全提示</a>
						</div>
						<div class="write" id="iwrite">
							<form action="#" method="post">
								<input type="text" placeholder="如何网上提前选坐"/>
								<input class="search " type="button"/>
							</form>
						</div>
					</div>
				</div>
			</header>
			<div class="clear"></div>
			<div class="nav con">
				<ul>
					<li><a href="#" class="home-page">首页</a></li>
					<li><a href="#">预定行程</a></li>
					<li><a href="#">服务大厅</a></li>
					<li><a href="#">南航假期</a></li>
					<li><a href="#">明珠会员</a></li>
					<li><a href="#">优惠信息</a></li>
					<li><a href="#">出行帮助</a></li>
				</ul>
				<div class="ydxc">
					<ul>
						<li><a href="#"><span>&gt;</span>机票预订</a></li>
						<li><a href="#"><span>&gt;</span>团队预订</a></li>
						<li><a href="#"><span>&gt;</span>旅游预订</a></li>
						<li><a href="#"><span>&gt;</span>企业商旅</a></li>
						<li><a href="#"><span>&gt;</span>PNR导入</a></li>
					</ul>
				</div>
				<div class="fwdt">
					<div class="fw">
						<p><span></span>服务办理</p>
						<ul>
							<li><a href="#">提前选座</a></li>
							<li><a href="#">办理乘机手续</a></li>
							<li><a href="#">退改票</a></li>
							<li><a href="#">里程兑换</a></li>
						</ul>
						<ul>
							<li><a href="#">价格保障申诉</a></li>
							<li><a href="#">行程单邮寄</a></li>
							<li><a href="#">延误退改</a></li>
							<li><a href="#">延误证明</a></li>
						</ul>
						<ul>
							<li><a href="#">餐食预订</a></li>
							<li><a href="#">中转住宿</a></li>
							<li><a href="#">额外行李购买</a></li>
							<li><a href="#">机上上网申请</a></li>
						</ul>
					</div>
					<div>
						<p><span></span>自助查询</p>
						<ul>
							<li><a href="#">航班动态</a></li>
							<li><a href="#">客票验证</a></li>
							<li><a href="#">托运行李查询</a></li>
							<li><a href="#">客舱遗失行李查询</a></li>
						</ul>
					</div>
					<div>
						<p><span></span>特殊旅客服务</p>
						<ul>
							<li><a href="#">婴儿摇篮</a></li>
							<li><a href="#">老人协助服务</a></li>
							<li><a href="#">行动障碍旅客</a></li>
							<li><a href="#">小动物托运</a></li>
						</ul>
					</div>
				</div>
				<div class="nhjq">
					<ul>
						<li><a href="#"><span>&gt;</span>旅游度假</a></li>
						<li><a href="#"><span>&gt;</span>酒店</a></li>
						<li><a href="#"><span>&gt;</span>用车</a></li>
						<li><a href="#"><span>&gt;</span>签证</a></li>
						<li><a href="#"><span>&gt;</span>旅游社区</a></li>
						<li><a href="#"><span>&gt;</span>免税品</a></li>
					</ul>
				</div>
				<div class="mzhy">
					<ul>
						<li><a href="#"><span>&gt;</span>账户管理</a></li>
						<li><a href="#"><span>&gt;</span>里程累积</a></li>
						<li><a href="#"><span>&gt;</span>里程兑换</a></li>
						<li><a href="#"><span>&gt;</span>会员权益</a></li>
						<li><a href="#"><span>&gt;</span>促销信息</a></li>
						<li><a href="#"><span>&gt;</span>明珠商城</a></li>
						<li><a href="#"><span>&gt;</span>明珠礼遇</a></li>
					</ul>
				</div>
				<div class="yhxx">
					<ul>
						<li><a href="#"><span>&gt;</span>优惠机票</a></li>
						<li><a href="#"><span>&gt;</span>机票促销</a></li>
						<li><a href="#"><span>&gt;</span>精彩活动</a></li>
						<li><a href="#"><span>&gt;</span>目的地优惠</a></li>
						<li><a href="#"><span>&gt;</span>本周推荐</a></li>
					</ul>
				</div>
				<div class="cxbz">
					<div>
						<ul>
							<li><a href="#"><span></span>机票预订</a></li>
							<li><a href="#">预订须知</a></li>
							<li><a href="#">支付须知</a></li>
							<li><a href="#">各地服务点</a></li>
							<li><a href="#">南航授权代理商</a></li>
						</ul>
					</div>
					<div>
						<ul>
							<li><a href="#"><span></span>办理值机</a></li>
							<li><a href="#">网上值机</a></li>
							<li><a href="#">自助值机</a></li>
							<li><a href="#">移动值机</a></li>
							<li><a href="#">微信值机</a></li>
							<li><a href="#">短信值机</a></li>
						</ul>
					</div>
					<div>
						<ul>
							<li><a href="#"><span></span>行李服务</a></li>
							<li><a href="#">托运行李</a></li>
							<li><a href="#">随身携带行李</a></li>
							<li><a href="#">行李运输限制</a></li>
							<li><a href="#">特殊行李</a></li>
							<li><a href="#">行李丢失/延误/损坏</a></li>
						</ul>
					</div>
					<div>
						<ul>
							<li><a href="#"><span></span>机上服务</a></li>
							<li><a href="#">机舱布局</a></li>
							<li><a href="#">机上娱乐</a></li>
							<li><a href="#">机上餐食</a></li>
							<li><a href="#">B787梦想飞机</a></li>
							<li><a href="#">A380全新体验</a></li>
						</ul>
					</div>
					<div>
						<ul>
							<li><a href="#"><span></span>常见问题</a></li>
							<li><a href="#">办理乘机手续</a></li>
							<li><a href="#">航班信息</a></li>
							<li><a href="#">明珠俱乐部</a></li>
							<li><a href="#">网上预订服务</a></li>
							<li><a href="#">机场服务</a></li>
						</ul>
						<p><a href="#">更多&gt;&gt;</a></p>
					</div>
				</div>
			</div>
			<div class="clear"></div>
			<div class="middle"></div>
		</div>
	</body>
</html>